<!-- 产品详情 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品详情</title>
    <!-- favicon -->
    <link rel="shortcut icon" href="../img/favicon.ico">
    <!-- fonts -->
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <!-- style 1.jquery-weui -->
    <link rel="stylesheet" href="../lib/dist/css/weui.min.css">
    <link rel="stylesheet" href="../lib/dist/css/jquery-weui.css">
    <!-- <link rel="stylesheet" href="lib/dist/css/bootstrap.min.css"> -->
    <!-- style 公共koala样式 -->
    <link rel="stylesheet" href="../css/publicfile.css">
</head>
<body class="bg-gray">
    <div class="main">
        <div class="cart-detail">
            <div class="cart-pro-list bg-white">
                <dl>
                    <dt>
                        <a href="javascript:;">
                            <img src="../img/temp/claim_01.png">
                        </a>
                    </dt>
                    <dd class="cart-pro-list-text">
                        <h3>百花蜜蜂箱</h3>
                        <p class="cart-price">￥2000.00</p>
                        <p><span style="display: inline-block;width: 50px;">蜜源地：</span>武夷山</p>
                        <p><span style="display: inline-block;width: 50px;">蜜种：</span>荆条蜜</p>
                        <p><span style="display: inline-block;width: 50px;">蜂种：</span>意蜂</p>
                        <p class="inline-num">
                            <span>购买数量：</span>
                            <span class="p-num">
                                <span class="sy-minus" onclick="minus(this)">-</span>
                                <input class="sy-num" type="number" name="number1" value="1">
                                <span class="sy-plus" onclick="plus(this)">+</span>
                            </span>
                        </p>
                    </dd>
                </dl>
            </div>
            <div class="editor-content detail-editor">
                <h1 class="public-title">认养权益</h1>
                领养证书一本武夷山中蜂荆条蜜10kg<br>
                赠送吃蜜工具一套<br>
                领养成功后，您的幸福寄语将打印在蜂箱上<br>
                预计发货时间：2018年7月-8月期间<br>
                认养期限：1年
                <img src="../img/temp/beehive_detail_1.png" alt="">
                <h1 class="public-title">蜂蜜功效</h1>
                荆条花蜜：荆条蜜呈浅琥珀色，透明，气味芬芳，口感甜润
                甜而不腻，荆条蜜对于脑力工作者、学生、上班族都非常适
                合，有利于促进体体力恢复适合饭后容易困倦、学生，上班
                族都非常适合，有助于体力恢复，适合饭后容易困倦，体力
                消耗大者荆条蜜还具有润肠通便，开胃健脾，促进消化，助
                吸收，益气、补中、发汗、散热散寒、美容、健体、润燥之
                功效，多适合气血不足，伤风头痛，失眠者。
                <img src="../img/temp/beehive_detail_2.jpg" alt="">
                <h1 class="public-title">蜂场信息</h1>
                厂名：Comvita New Zealand Ltd
                厂址：Wilson Road South Bay of Plenty 3071 New Zealand
                厂家联系方式：0755-83661958
                配料表：天然麦卢卡花蜂蜜
                储藏方法：阴凉干燥处25度
                保质期：1095天
                食品添加剂：无产品
                名称：comvita/康维他 麦卢卡UM
                <img src="../img/temp/committee.png" alt="">
            </div>
        </div>
        <div class="payment-height"></div>
        <div class="payment">
            <a href="confirm_claim.html" title="" class="active">认养</a>
        </div>
    </div>
    <!-- JS -->
    <script src="../lib/dist/js/jquery-2.1.4.js"></script>
    <!-- 幻灯片 -->
    <!-- Swiper -->
    <script src="../lib/dist/js/swiper.js"></script>
    <!-- jqweui -->
    <script src="../lib/dist/js/jquery-weui.js"></script>
    <script>
        // 购买数量
        function plus(obj) {
          var me = $(obj), txt = me.prev (".sy-num");
          var val = parseFloat (txt.val ());
          var number =val + 1;
          txt.val (number);
        }
        function minus(obj) {
          var me = $ (obj), txt = me.next (".sy-num");
          var val = parseFloat (txt.val ());
          val = val < 2 ? 2 : val;
          var number =val - 1;
          txt.val (number);
        }
      </script>
</body>

</html>